<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
	<meta charset="utf-8" />
	<title>郑州租房网 | 登录框</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<link href="/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
	<link href="/media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
	<link href="/media/css/login-soft.css" rel="stylesheet" type="text/css"/>
	<link rel="shortcut icon" href="/media/image/favicon.ico" />
</head>
<script>
	function login(){
		$.ajax({
			url:"/users/login",
			data:{
				name:$("#name").val(),
				password:$("#password").val()
			},
			type:"get",
			dataType : "json",
		})	
	}
</script>

<body class="login">
	<div class="logo">
		<p>郑州租房网</p>
	</div>
	<div class="content">
		<!-- 登录表单-->
		<form class="form-vertical login-form" action="/users/login.do" method="post">
			<h3 class="form-title">登录你的账户</h3>
			<div class="alert alert-error hide">
				<button class="close" data-dismiss="alert"></button>
				<span>请输入用户名和密码</span>
			</div>
			<div class="control-group">
				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
				<label class="control-label visible-ie8 visible-ie9">用户名</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-user"></i>
						<input class="m-wrap placeholder-no-fix" type="text"  id="name" placeholder="用户名" name="name"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">密码</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-lock"></i>
						<input class="m-wrap placeholder-no-fix" type="password" id="password" placeholder="密码" name="password"/>
					</div>
				</div>
			</div>
			<div class="form-actions">
				<label class="checkbox">
				<input type="checkbox" name="remember" value="1"/> 记住我
				</label>
				<button type="submit" class="btn blue pull-right" id="login">
				登录 <i class="m-icon-swapright m-icon-white" ></i>
				</button>
			</div>
			<div class="forget-password">
				<h4>忘记密码 ?</h4>
				<p>
					别担心, 点击 <a href="javascript:;" class="" id="forget-password">这里</a>
					重置你的密码
				</p>
			</div>
			<div class="create-account">
				<p>
					还没有账户吗?&nbsp; 
					<a href="javascript:;" id="register-btn" class="">注册一个吧</a>
				</p>
			</div>
		</form>
		
		<!-- 重置密码表单 -->
		<form class="form-vertical forget-form" action="/users/resetpwd.do" method="post">
			<h3 class="">忘记密码?</h3>
			<p>请在下方输入你的用户名和真实姓名,以重置你的密码</p>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-envelope"></i>
						<input class="m-wrap placeholder-no-fix" type="text"  placeholder="用户名" name="name" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-envelope"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="真实姓名" name="username" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-envelope"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="输入新的密码" name="password" />
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-envelope"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="再次输入密码" name="repassword" />
					</div>
				</div>
			</div>
			<div class="form-actions">
				<button type="button" id="back-btn" class="btn">
				<i class="m-icon-swapleft"></i> 返回
				</button>
				<button type="submit" class="btn blue pull-right" id="forget">
				提交 <i class="m-icon-swapright m-icon-white"></i>
				</button>            
			</div>
		</form>

		<!-- 注册表单-->
		<form class="form-vertical register-form" action="/users/register.do" method="post">
			<h3 class="">注册</h3>
			<p>请在下方输入你的信息:</p>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">用户名</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-user"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="用户名" name="name"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">密码</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-lock"></i>
						<input class="m-wrap placeholder-no-fix" type="password" id="register_password" placeholder="密码" name="password"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">再次输入你的密码</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-ok"></i>
						<input class="m-wrap placeholder-no-fix" type="password" placeholder="再次输入你的密码" name="rpassword"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label visible-ie8 visible-ie9">电话号码</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-ok"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="电话号码" name="telephone"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
				<label class="control-label visible-ie8 visible-ie9">真实姓名</label>
				<div class="controls">
					<div class="input-icon left">
						<i class="icon-envelope"></i>
						<input class="m-wrap placeholder-no-fix" type="text" placeholder="真实姓名" name="username"/>
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<label class="checkbox">
					<input type="checkbox" name="tnc"/> 我同意<a href="#">网站服务</a> 和<a href="#">隐私协议</a>
					</label>  
					<div id="register_tnc_error"></div>
				</div>
			</div>
			<div class="form-actions">
				<button id="register-back-btn" type="button" class="btn">
				<i class="m-icon-swapleft"></i> 返回
				</button>
				<button type="submit" id="register-submit-btn"  class="btn blue pull-right">
				注册 <i class="m-icon-swapright m-icon-white"></i>
				</button>            
			</div>
		</form>
	</div>

	<div class="copyright">
		2017 &copy; 郑州租房网
	</div>
	<script src="/media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      
	<script src="/media/js/bootstrap.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script src="/media/js/excanvas.min.js"></script>
	<script src="/media/js/respond.min.js"></script>  
	<![endif]-->   
	<script src="/media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery.blockui.min.js" type="text/javascript"></script>  
	<script src="/media/js/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="/media/js/jquery.uniform.min.js" type="text/javascript" ></script>

	<script src="/media/js/jquery.backstretch.min.js" type="text/javascript"></script>
	<script src="/media/js/app.js" type="text/javascript"></script>
	<script src="/media/js/login-soft.js" type="text/javascript"></script>  
	<script>
		jQuery(document).ready(function() {     
		  App.init();
		  Login.init();
		});
	</script>
</body>
</html>